<j:ebuttons
  [searchPlaceholder]="'BasicArchives::UI:SimplyEntity.JButtons.SearchPlaceholder' | abpLocalization"
  [editState]="editState"
  [submitBtnVisible]="false"
  [backBtnVisible]="false"
  [approveBtnVisible]="false"
  [unapproveBtnVisible]="false"
  [approveDividerVisible]="false"
  [selectBtnVisible]="false"
  [listBtnVisible]="false"
  [searchDividerVisible]="false"
  [saveBtnDisabledFn]="isSaveBtnDisabled"
  (saveBtnClick)="save()"
  (giveupBtnClick)="giveup()"
  (newBtnClick)="new()"
  (copyBtnClick)="copy()"
  (deleteBtnClick)="delete()"
  (refreshBtnClick)="refresh()"
  (searchBtnClick)="search($event)"
>
</j:ebuttons>

<nz-card class="main-card">
  <form nz-form [formGroup]="validateForm">
    <nz-tabset nzType="card">
      <nz-tab [nzTitle]="'BasicArchives::UI:SimplyEntity.CardTitle.Base' | abpLocalization">
        <div nz-row>
          <div nz-col [nzSpan]="8">
            <nz-form-item>
              <nz-form-label [nzSm]="8" [nzXs]="24" [nzRequired]="!codeInputDisabled" nzFor="code">
                <a nz-button nzType="link" class="ref-form-label" (click)="uniqueCodeSetting()">
                  {{ 'BasicArchives::ModelTitle:Joy.Erp.BasicArchives.Asns.AsnType.Code' | abpLocalization }}
                </a>
              </nz-form-label>
              <nz-form-control [nzSm]="14" [nzXs]="24" nzHasFeedback>
                <input
                  nz-input
                  id="code"
                  formControlName="code"
                  [placeholder]="'BasicArchives::ModelPlaceHolder:Joy.Erp.BasicArchives.Asns.AsnType.Code' | abpLocalization"
                  [readonly]="codeInputDisabled"
                  [ngClass]="{ 'input-disabled': codeInputDisabled }"
                  nz-tooltip
                  [nzTooltipTitle]="getErrorMessage('code')"
                  [nzTooltipVisible]="validateForm.get('code')?.invalid && validateForm.get('code')?.touched"
                  nzTooltipPlacement="top"
                />
              </nz-form-control>
            </nz-form-item>
          </div>
          <div nz-col [nzSpan]="8">
          </div>
          <div nz-col [nzSpan]="8">
          </div>
          <div nz-col [nzSpan]="8">            
            <nz-form-item>
              <nz-form-label [nzSm]="8" [nzXs]="24" nzRequired nzFor="displayName">
                {{ 'BasicArchives::ModelTitle:Joy.Erp.BasicArchives.Asns.AsnType.DisplayName' | abpLocalization }} 
              </nz-form-label>
              <nz-form-control [nzSm]="14" [nzXs]="24" nzHasFeedback>
                <input
                  nz-input
                  id="displayName"
                  formControlName="displayName"
                  [placeholder]="'BasicArchives::ModelPlaceHolder:Joy.Erp.BasicArchives.Asns.AsnType.DisplayName' | abpLocalization"
                  nz-tooltip
                  [nzTooltipTitle]="getErrorMessage('displayName')"
                  [nzTooltipVisible]="validateForm.get('displayName')?.invalid && validateForm.get('displayName')?.touched"
                  nzTooltipPlacement="top"
                />
              </nz-form-control>
            </nz-form-item>
          </div>
          <div nz-col [nzSpan]="8">
          </div>
          <div nz-col [nzSpan]="8">
          </div>
        </div>
      </nz-tab>
    </nz-tabset>
  </form>
</nz-card> 